<template>
	<div ref="wrapper">
		<div>
			<slot>
                
            </slot>
		</div>
	</div>
</template>
<script>
	import BScroll from "better-scroll"

	export default {
		name: "Scroll",
		props: {
			probeType: {
				type: Number,
				default: 0
			},
			pullUpLoad: {
                type: Boolean,
                default: false
			}
		},
		data() {
			return {
				scroll: null
			}
		},
        mounted(){
        	// 1.创建btscroll
        	this.scroll = new BScroll(this.$refs.wrapper,{
                click: true,
                probeType: this.probeType,
                pullUpLoad: this.pullUpLoad
        	})
        	// 2.监听滚动的位置
        	if(this.probeType ===2 || this.probeType === 3){
                this.scroll.on('scroll', (position) => {
               this.$emit('scroll', position)
             })
            }

        	// 3.监听到达底部
        	if(this.pullUpLoad){
                this.scroll.on('pullingUp', () => {
                this.$emit('pullingUp')
            })
            }
        },
        methods: {
        	scrollTo(x,y,time=300) {
        		this.scroll && this.scroll.scrollTo(x,y,time)
        	},
        	refresh() {
                this.scroll && this.scroll.refresh()
            },
            finishPullUp(){
                this.scroll.finishPullUp()
            },
            getScrollY() {
                return this.scroll ? this.scroll.y : 0;
            }
        }
    
	}
</script>
<style scoped>
	
</style>